<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#"	xmlns:fb="https://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta property="fb:app_id" content="" />
	 	<meta property="fb:admins" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link type="text/css" rel="stylesheet" href="public/bootstrap/css/bootstrap.css" />
		<link href="public/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
		<link type="text/css" rel="stylesheet" href="public/exts/css/style2.css" />
		<link rel="stylesheet" type="text/css" href="public/exts/css/jquery.bxslider.css">
		<link type="text/css" rel="stylesheet" href="public/exts/css/style.css" />
		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="public/exts/js/jquery.easing.js"></script>
		<script type="text/javascript" src="public/exts/js/script.js"></script>
		<script type="text/javascript" src="public/exts/js/jquery.bxslider.min.js"></script>
		<title>Hikaru</title>
	</head>
	
	<body>
		<div id="wrapAll">
			<nav class="navbar navbar-inverse main-nav" role="navigation" id="main-nav">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle navbar-left"
						data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="http://localhost/mong/"><img height="48" src="public/images/anime.png" alt="logo hikaru" /></a>
				</div><!-- end .navbar-header -->
				
				<!-- Collect the nav links, forms, and other content for toggling -->
	
				<div class="collapse navbar-collapse navbar-ex1-collapse yamm">
					<ul class="nav navbar-nav">
						<li class="main-nav-list" id="video-nav-list"><a href="http://localhost/mong/truyen">Video</a></li>
						<li><a class="active" href="http://localhost/mong/#">Cờ thế</a></li>
						<li><a href="http://localhost/mong/#">Ebook</a></li>
						<li><a href="http://localhost/mong/#">Hỏi đáp</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						
						<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>Tài khoản<b class="caret"></b> </a>
							<ul class="dropdown-menu">
								<li></li>
								<li><a href="http://localhost/mong/login">Đăng Nhập bằng Facebook</a> </li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</nav><!-- end #main-nav -->
			
			
			
			<nav class="navbar navbar-inverse main-nav" role="navigation" id="main-sub-nav">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle navbar-left"
						data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					
				</div><!-- end .navbar-header -->
				
				<!-- Collect the nav links, forms, and other content for toggling -->
	
				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav">
						<li class="main-nav-list" id="video-nav-list"><a href="http://localhost/mong/truyen">Video</a></li>
						<li><a href="http://localhost/mong/#">Cờ thế</a></li>
						<li><a href="http://localhost/mong/#">Ebook</a></li>
						<li><a href="http://localhost/mong/#">Hỏi đáp</a></li>
					</ul>
					
				</div>
				<!-- /.navbar-collapse -->
			</nav><!-- end #main-sub-nav -->
			
			<div class="row" id="wrap-top-content">
				<div class="inner-wrap-row">
					<div class="col-md-6">
						<div class="panel my-home-small-panel" id="main-slider-panel">
 		 					<div class="panel-heading">	
 		 						<div class="mn_nav">
 		 							<div class="home-panel-main-title">
 		 								<a href="#" class="home-panel-title">Đang hot</a>
 		 								<div class="clearfix"></div>
 		 								<div class="home-panel-title-border"></div>
 		 							</div>
 		 						</div>
 		 					</div><!-- end panel-heading -->
	 		 					
	 		 				<div class="panel-body">
	 		 						<ul class="bxslider">
									  <li><a href="#"><img height="280" src="images/1.png" title="Funky roots" /></a></li>
									  <li><a href="#"><img height="280" src="images/2.png" title="The long and winding road" /></a></li>
									</ul>
        							<script type="text/javascript">
        							$('.bxslider').bxSlider({
        								  mode: 'fade',
        								  //captions: true
        								  pager: false,
        								  auto: true,
        								});
        							</script>
 		 					</div><!-- end .panel-body OF game slider -->
 		 					
 		 				</div><!-- end .my-home-small-panel OF game slider -->
					</div><!-- #home-recommend-game-slider -->
				</div>
			</div><!-- end #wrap-top-content -->	
<!-- Main -->			
			<div id="wrapMain">
				
			
			</div><!-- end #wrapMain -->
			
		</div><!-- end #wrapAll -->
		
	</body>
	
</html>